<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>order</title>
		<link rel="stylesheet" type="text/css" href="/static/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/proList.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/mygxin.css" />
        <script src="/static/vue-2.5.16.js" type="text/javascript" charset="utf-8"></script>
        <script src="/static/axios-0.18.0.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="/static/host.js" type="text/javascript" charset="utf-8"></script>
        <script src="/static/common.js" type="text/javascript" charset="utf-8"></script>
        <style>
         .cash{background:url(/static/img/temp/way01_副本.png) 8px top no-repeat #ff714d;}
        {#.weixin{background:url(/static/img/pay_icons.png) 6px -36px no-repeat #fff;}#}
        .common_list_con dl{margin:20px;}
        .common_list_con dt{font-size:14px;font-weight:bold;margin-bottom:10px}
        .common_list_con dd{margin-bottom:10px;}
        .common_list_con dd.current{font-size:14px;font-weight:bold;}
        .common_list_con dd input{vertical-align:bottom;margin-right:10px}

        .pay_style_con{margin:20px;}
        .pay_style_con input{float:left;margin:14px 7px 0 0;}
        .pay_style_con label{float:left;border:1px solid #ccc;background-color:#fff;padding:10px 10px 10px 40px;margin-right:25px}

        .pay_style_con .cash{background:url(/static/img/pay_icons.png) 8px top no-repeat #f6ffff;}
        {#.pay_style_con .weixin{background:url(/static/img/pay_icons.png) 6px -36px no-repeat #fff;}#}

        .pay_style_con .zhifubao{background:url(/static/img/snipaste20191219_180734.png) 12px -72px no-repeat #f2fffc;width:50px;height:16px}

        {#.pay_style_con .bank{background:url(/static/img/pay_icons.png) 6px -108px no-repeat #fff;}#}

        .zhifubao{background:url(/static/img/snipaste20191219_180734.png) 12px -72px no-repeat #f6ffff;width:50px;height:16px}
        </style>
	</head>
	<body>
    <div id="app" v-cloak>
		<!----------------------------------------order------------------>
		<div class="head ding">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index.html"><img src="/static/img/logo.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl">
							<a href="#" id="login">登录</a>
							<a href="#" id="reg">注册</a>
						</p>
						<form action="#" method="get" class="fl">
							<input type="text" placeholder="搜索" />
							<input type="button" />
						</form>
						<div class="btn fl clearfix">
							<a href="my_center.html"><img src="/static/img/grzx.png"/></a>
							<a href="#" class="er1"><img src="/static/img/ewm.png"/></a>
							<a href="cart.html"><img src="/static/img/gwc.png"/></a>
							<p><a href="#"><img src="/static/img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a href="/">首页</a></li>
					<li>
						<a href="#">所有商品</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav1.jpg"/></dt>
										<dd>浓情欧式</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav2.jpg"/></dt>
										<dd>浪漫美式</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav3.jpg"/></dt>
										<dd>雅致中式</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav6.jpg"/></dt>
										<dd>简约现代</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav7.jpg"/></dt>
										<dd>创意装饰</dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li>
						<a href="/flowerDer">装饰摆件</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="/proList">干花花艺</a>
								<a href="/vase_proList">花瓶花器</a>
							</div>
						</div>
					</li>
					<li>
						<a href="/decoration">布艺软饰</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="{{ url('goods:zbproList') }}">桌布罩件</a>
								<a href="/bzproList">抱枕靠垫</a>
							</div>
						</div>
					</li>
					<li><a href="/paint">墙式壁挂</a></li>
					<li><a href="/perfume">蜡艺香薰</a></li>
					<li><a href="/idea">创意家居</a></li>
				</ul>
			</div>
		</div>
		<div class="order cart mt">
			<!-----------------site------------------->
			<div class="site">
				<p class="wrapper clearfix">
					<span class="fl">订单确认</span>
					<img class="top" src="/static/img/temp/cartTop02.png">
				</p>
			</div>
			<!-----------------orderCon------------------->
			<div class="orderCon wrapper clearfix">
				<div class="orderL fl">
					<!--------h3---------------->
					<h3>收件信息<a href="{{ url('users:address') }}" class="fr">新增地址</a></h3>
					<!--------addres---------------->
					<div class="addres clearfix">
                        {% for address in addresses %}

						<div class="addre fl " @click="nowsite={{ address.id }}" >
							<div class="tit clearfix" v-model="nowsite" value="{{ address.id }}">
								<p class="fl" @click="nowsite={{ address.id }}">收货人：{{ address.receiver }}
									<span class="default">[默认地址]</span>
								</p>
								<p class="fr">
									<a href="#">删除</a>
									<span>|</span>
									<a href="#" class="edit">编辑</a>
								</p>
							</div>
							<div class="addCon">
								<p>地址：{{ address.place }}</p>
								<p>详细信息：{{ address.detail_address }}</p>
								<p>手机号：{{ address.mobile }}</p>
							</div>
						</div>
{#                         <dd @click="nowsite={{ address.id }}">#}
{#                        <input type="radio" v-model="nowsite" value="{{ address.id }}">{{ address.place }} {{ address.detail_address }}#}
{#                        （{{ address.receiver }} 收） {{ address.postcode }}#}
{#                    </dd>#}
						{% endfor %}

					</div>
					<h3>支付方式</h3>
					<!--------way---------------->
					<div class="way clearfix common_list_con">
                         <div class="pay_style_con clearfix">
                        <input type="radio" name="pay_method" value="1" v-model="pay_method">
                        <label class="cash">货到付款</label>
                        <input type="radio" name="pay_method" value="2" v-model="pay_method">
                        <label class="zhifubao"></label>
                    </div>
{#                    <img class="on" src="/static/img/temp/way01.jpg" name="pay_method" value="1" v-model="pay_method">#}
{##}
{#                    <img src="/static/img/temp/way04.jpg" name="pay_method" value="1" v-model="pay_method">#}
					</div>
{#					<h3>选择快递</h3>#}
{#					<!--------dis---------------->#}
{#					<div class="dis clearfix">#}
{#						<span class="on" >顺风快递</span>#}
{#						<span>百世汇通</span>#}
{#						<span>圆通快递</span>#}
{#						<span>中通快递</span>#}
{#					</div>#}
				</div>
				<div class="orderR fr">
					<div class="msg">
						<h3>订单内容<a href="/cart" class="fr">返回购物车</a></h3>
						<!--------ul---------------->
						{% for sku in skus %}
                        <ul class="clearfix">
							<li class="fl">
								<img src="{{ sku.default_image }}" width="100px" height="100px">
							</li>
							<li class="fl">
								<p>{{ sku.name }}</p>
								<p>颜色分类：烟灰色玻璃瓶</p>
								<p>数量：{{ sku.count }}</p>
							</li>
							<li class="fr">￥{{ sku.price }}</li>
						</ul>
						{% endfor %}
					</div>
					<!--------tips---------------->
					<div class="tips">
						<p><span class="fl">商品金额：</span><span class="fr">￥{{ payment_amount }}</span></p>
						<p><span class="fl">优惠金额：</span><span class="fr">￥0.00</span></p>
						<p><span class="fl">运费：</span><span class="fr">￥{{ freight }}</span></p>
					</div>
					<!--------tips count---------------->
					<div class="count tips">
						<p><span class="fl">合计：</span><span class="fr">￥{{ payment_amount }}</span></p>
					</div>
					<!--<input type="button" name="" value="去支付"> -->
					<a @click="on_order_submit" class="pay">去支付</a>
				</div>
			</div>
		</div>
		<!--编辑弹框-->
		<!--遮罩-->
		<div class="mask"></div>
		<div class="adddz editAddre">
			<form action="/del_address/" method="post">
				<input type="text" name="username" placeholder="请输入姓名" class="on" />
				<input type="tel" name="mobile" placeholder="请输入手机号" />
				<div class="city">
				<input type="text" name="address" placeholder="请输入省市区">
				</div>
				<textarea name="detail" rows="" cols="" placeholder="请输入详细地址"></textarea>

				<input type="text" name="portcode" placeholder="请输入邮政编码" />
				<div class="bc">
					<input type="submit" value="保存" />
					<input type="button" value="取消" />
				</div>
			</form>
		</div>
		<!--返回顶部-->
		<div class="gotop">
			<a href="cart.html">
			<dl>
				<dt><img src="/static/img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="/static/img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="my_center.html">
			<dl>
				<dt><img src="/static/img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none;">
			<dl>
				<dt><img src="/static/img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
    </div>
<script type="text/javascript">
    let payment_amount = "{{ payment_amount }}";
</script>
		<script src="/static/place_order.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/pro.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/user.js" type="text/javascript" charset="utf-8"></script>


    {% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
{% endif %}
	</body>
</html>
